﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title>
	</head>
	<body style="font-size:17px">
	
	    <h1>
            Usecase Account_box</h1>
        <h2>
            Description</h2>
            <p>
                User login</p>
<h2>
            Actors</h2>
        <p>
            User</p>
        <h2>
            Steps</h2>
        
            <p>
                        Input parameter: Session id of user login <br />
                        Output: 
                        
                        Description of screen 1.</p>
                        <h3>1. View user feature</h3>                        
                        User hover down arrow icon, it shows 
        feature user list dialog as Screen 1 description 
        dialog.
        <h3>
            2.
            Logout</h3>
        When user click logout on feature user 
        list dialog, it clear all sessions and refresh the current page. If user is on the 
        page for logging user, it moves to homepage. 
        <h3>
                        3.
                        View new updates for user</h3>
        <p>
                        When there is new update for users, it shows new icon 
                        as screen 1. <br />
                        When user hover this icon, it shows dialog with top 5 latest updates from user. <a href="UC_RuleList.htm#G2">Rule #G2</a>
                        <br />
                        User click a &quot;Xem tất cả&quot; link can open Homepage in full view. <br />
                        
                        </p>
        <h2>
            Rule</h2>
        <h2>
            Mockup</h2>
            <h4>Screen 1. Login box</h4>
            <img alt="" src="account_box.jpg" />&nbsp;<br />
            
        <table border="1" frame="border" style="width:100%;">
                <tr>
                    <td style="width:30%" valign="top">
                        Image</td>
                    <td valign="top">
                        Image of username, link to Userview page.</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Luu Thi C</td>
                    <td valign="top">
                        Name of user, link to Userview page.</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Down arrown icon</td>
                    <td valign="top">
                        Show the dialog about other pages go to user</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        New icon</td>
                    <td valign="top">
                        If user have new updates, it shows new icon here.</td>
                </tr>
                <tr>
                    <td valign="top" colspan="2">
                        Feature list dialog</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Settings link</td>
                    <td valign="top">
                        Link to Setting page</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Logout link</td>
                    <td valign="top">
                        Execute logout function.</td>
                </tr>
                </table><br />
        	<img alt="" src="account_box_new_update.jpg" /><br />
	</body>
</html>